/*header*/
#header{ width: 100%; height: 50px; position:fixed; top: 0px; left: 0px; background: #ff8a21; z-index: 1000;}
#header a{ width: 50px; height: 50px; display: block; position: absolute; z-index: 1100; top: 0px;}
#header p{ margin: 0px 50px; height: 50px; line-height: 50px; overflow: hidden; text-align: center; font-size: 18px; color: #fff;}

/*content*/
#content{ width: 100%; height: auto; overflow: hidden; margin-top: 50px;}
.banner img{ width: 100%; height: auto; overflow: hidden; display: block;}
.banner .swiper-pagination{ bottom: 0px;}
.banner .swiper-pagination-bullet-active{ background: #ff8a21;}
.box { display: block; margin: 0 0 8px 0; background: #fff;}
.wall { display: block; position: relative; padding: 4px; margin-top: 8px;}
.wall-column {  display: block; position: relative; width: 50%; float: left; padding: 0 4px; box-sizing: border-box;}
.atlasList .box.AnnouncementItem p{ padding: 24px 10px 12px; font-size: 14px; line-height: 20px; height: auto; overflow: hidden;}
.atlasList .box.NoticeItem dl{ padding: 0px;}
.atlasList .box.NoticeItem dt{ width: 100%; height: 34px; line-height: 34px; display: block; text-align: center; overflow: hidden; font-size: 14px; background: #ffad63;}
.atlasList .box span.img{width: 100%; height: auto; overflow: hidden; display: block;}
.atlasList .box span.img img{ width: 100%; height: auto; overflow: hidden; display: block;}
.atlasList .box dl{ padding: 8px;}
.atlasList .box dt{ width: 100%; height: auto; display: box; display: -webkit-box; overflow: hidden;}
.atlasList .box dt span.user_img{ width: 30px; height: 30px; margin-right: 6px; display: block; border-radius: 50%; -webkit-border-radius: 50%; overflow: hidden;}
.atlasList .box dt span.user_img img{ width: 100%; height: 100%; display: block;}
.atlasList .box dt p{ width: 100%; height: 30px; line-height: 30px; font-size: 14px; box-flex:1; -webkit-box-flex:1; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.atlasList .box dd{ width: 100%; height: auto; overflow: hidden; line-height: 16px; margin-top: 6px; color: #666;}
.atlasList .box.AddalbumItem span{width: 100%; height: 20px; font-size: 14px; line-height: 20px; text-align: center; display: block; margin-top: 72px; color: #333;}
.boxMenu{ width: 100%; height: auto; overflow: hidden; border-top: 1px solid #c6c6c6;}
.boxMenu ul{ width: 100%; height: auto; overflow: hidden; display: box; display: -webkit-box;}
.boxMenu li{ width: 100%; -webkit-box-flex: 1;box-flex: 1; border-left: 1px solid #C6C6C6;}
.boxMenu li:first-child{ border: 0;}
.boxMenu li a{width: 100%; height: 34px; line-height: 34px; text-align: center; display: block;}
.boxMenu li a span{ display: inline-block; padding-left: 18px;}
/*userContent*/
.homeTabs{ width: 100%; height: auto; overflow: hidden; background: #fff;}
.homeTabs dl{ width: 100%; height: auto; overflow: hidden; padding: 15px 0px; border-bottom: 1px solid #333;}
.homeTabs dl.nobr{  border-bottom: 0px;}
.homeTabs dt{ width: 100%; height: 20px; line-height: 20px; text-align: center; font-size: 16px;}
.homeTabs dd{ width: 100%; height: auto; display: box; display: -webkit-box; overflow: hidden; margin:15px 0px;}
.homeTabs dd span.label{ display: block; height: 32px; line-height: 32px; margin-left: 8px; font-size: 14px;}
.homeTabs dd .userContentItem{ width: 100%; height: auto; overflow: hidden; box-flex:1; -webkit-box-flex:1;}
.homeTabs dd p{ width: 100%; height: auto; overflow: hidden; font-size: 14px;}
.homeTabs dd p.tips{ width: 100%; height: auto; overflow: hidden; font-size: 12px; color: #999; margin-top: 6px;}
.homeTabs dd p span{ float: left;height: 32px; line-height: 32px; }
.homeTabs dd p ._txt{ float: left; width: 134px; height: 20px; line-height: 20px; padding: 5px; font-size: 14px; border: 1px solid #c6c6c6; border-radius: 3px; -webkit-border-radius: 3px;}
.homeTabs dd p ._select{ float: left; width: 144px; height: 32px; line-height: 32px; font-size: 14px; border: 1px solid #c6c6c6; border-radius: 3px; -webkit-border-radius: 3px;}
.homeTabs dd p ._txt1{ margin:0px 4px; float: left; width: 86px; height: 20px; line-height: 20px; padding: 5px; font-size: 14px; border: 1px solid #c6c6c6; border-radius: 3px; -webkit-border-radius: 3px;}
.homeTabs dd p a{ width: 60px; height: 32px; text-align: center; line-height: 32px; display: block; float: left; margin-left: 8px; border-radius: 15px; -webkit-border-radius: 15px; font-size: 14px; color: #fff;}
.homeTabs dd p a.modify_btn{ background: #009944;}
.homeTabs dd p a.upgrade_btn{ background: #ff8a21;}
.userContentUpload{ width: 100%; height: auto; overflow: hidden; position: relative; z-index: 10;}
.homeTabs a.del_btn{ width: 60px; height: 32px; text-align: center; line-height: 32px; display: block; float: left; margin-left: 8px; border-radius: 15px; -webkit-border-radius: 15px; font-size: 14px; color: #fff; background: #c6c6c6; position: absolute; z-index: 20; top: 8px; right: 10px;}
.homeTabs a.del_btn_on{ background: #094;}
.imgsItem{ width: 80%; height: 80px; display: block; margin: 10px auto; border: 1px dashed #c6c6c6; position: relative; z-index: 10;}
.imgsItem .imgs_title{ width: 100%; height: 100%; display: block; text-align: center; line-height: 80px; font-size: 16px;}
.imgsItem .upload_image{ width: 100%; height: 100%; display: block; position: absolute; z-index: 30; top:0px; left: 0px; opacity: 0;}
.imgsItem .upload_image_img{ border: 0; outline: none; width: 100%; height: 100%; display: none; position: absolute; z-index: 20; top:0px; left: 0px;}
.imgsItem .preview_btn{ width: 100%; height: 100%; display: none; position: absolute; z-index: 40; top:0px; left: 0px;}
.imgsItem .preview_btn a{ width: 70px; height: 24px; line-height: 24px; position: absolute; z-index: 50; top: 50%; margin-top: -12px; left: 50%; margin-left: -35px; text-align: center; display: block; border-radius: 12px; -webkit-border-radius: 12px; background: rgba(0,0,0,.5); color: #fff;}
.saveBtns{ width: 100%; height: auto; overflow: hidden; text-align: center; margin-bottom: 40px;}
.saveBtns a{ width: 60%; height: 40px; line-height: 40px; border-radius: 20px; -webkit-border-radius: 20px; background: #ff8a21; font-size: 15px; color: #fff; display: inline-block; text-align: center;}


.newAlbumContent{ width: 100%; height: auto; overflow: hidden; background: #fff;}
.newAlbumContent dl{ width: 100%; height: auto; overflow: hidden; padding: 15px 0px; border-bottom: 1px solid #333;}
.newAlbumContent dl:last-child{  border-bottom: 0px;}
.newAlbumContent dt{ width: 100%; height: 20px; line-height: 20px; text-align: center; font-size: 16px;}
.newAlbumContent dd{ width: 100%; height: auto; display: box; display: -webkit-box; overflow: hidden; margin:15px 0px;}
.newAlbumContent dd span.label{ display: block; height: 32px; line-height: 32px; margin-left: 8px; font-size: 14px;}
.newAlbumContent dd .newAlbumContentItem{ width: 100%; height: auto; overflow: hidden; box-flex:1; -webkit-box-flex:1;}
.newAlbumContent dd p{ width: 100%; height: auto; overflow: hidden; font-size: 14px;}
.newAlbumContent dd p span{ float: left;height: 32px; line-height: 32px; }
.newAlbumContent dd p ._txt{ float: left; width: 180px; height: 20px; line-height: 20px; padding: 5px; font-size: 14px; border: 1px solid #c6c6c6; border-radius: 3px; -webkit-border-radius: 3px;}
.newAlbumContent dd p ._select{ float: left; width: 170px; height: 34px; line-height: 34px; outline: none; padding: 5px; font-size: 14px; border: 1px solid #c6c6c6; border-radius: 3px; -webkit-border-radius: 3px;}
.newAlbumContent dd p ._textarea{ float: left; width: 180px; height: 80px; line-height: 20px; outline: none; padding: 5px; font-size: 14px; border: 1px solid #c6c6c6; border-radius: 3px; -webkit-border-radius: 3px;}
.newAlbumContent dd p a{ width: 60px; height: 32px; text-align: center; line-height: 32px; display: block; float: left; margin-left: 8px; border-radius: 15px; -webkit-border-radius: 15px; font-size: 14px; color: #fff;}
.newAlbumContent dd p a.upgrade_btn{ background: #ff8a21;}
.newAlbumContent dd .saveBtns{ margin: 0;}
.newAlbumContentUpload ul{ width: 80%; height: auto; overflow: hidden; margin: 0px auto;}
.newAlbumContentUpload li{ width: 50%; height: 20px; line-height: 20px; margin-top: 12px; font-size: 14px; overflow: hidden; float: left; text-align: center;}
.newAlbumContentUpload li input[type=radio]{ margin-top: -2px; display: inline-block; vertical-align: middle;}
/*mask*/
#mask{ width: 100%; height: 100%; display: none; background: rgba(0,0,0,.5); position: fixed; z-index: 1000; top: 0px; left: 0px;}
.loginMask{display: none; width: 100%; height: auto; overflow: hidden; padding: 40px 0px; background: #ff8a21; position: absolute; z-index: 2000; top: 0px; left: 0px;}
.loginMask li{ width: 100%; height: auto; overflow: hidden; margin-top: 25px;}
.loginMask li:first-child{margin-top: 0px;}
.loginMask li a{ background: #ffffff; border: 1px solid #fff; font-size: 14px; color: #333; text-align: center; width: 60%; height: 40px; line-height: 40px; border-radius: 20px; -webkit-border-radius: 20px; display: block; margin: 0px auto;}
.loginMask li a.register_btn{ background: none; color: #333333; border: 1px solid #333333;}
.loginUserMask{ width: 100%; height: auto; display: none; overflow: hidden; padding: 40px 0px 0px; background: #ff8a21; position: absolute; z-index: 2000; top: 0px; left: 0px;}
.loginUserMask dl{ width: 100%; height: auto; overflow: hidden; text-align: center;}
.loginUserMask dt{ width: 100%; height: auto; overflow: hidden;}
.loginUserMask dt span.user_img{ margin: 0px auto; width: 60px; height: 60px; display: block; border-radius: 50%; -webkit-border-radius: 50%; overflow: hidden;}
.loginUserMask dt span.user_img img{ width: 100%; height: 100%; display: block;}
.loginUserMask dd{ width: 100%; height:auto; overflow: hidden; font-size: 16px; margin-top: 6px ;}
.loginUserMask ul{ width: 100%; height: auto; overflow: hidden; margin-top: 12px;}
.loginUserMask li{ width: 100%; height: auto; overflow: hidden; border-top: 1px solid #333333;}
.loginUserMask li a{ display: block; width: 100%; height: auto; overflow: hidden; text-align: center;}
.loginUserMask li p{ height: auto; overflow: hidden; display: inline-block;}
.loginUserMask li span.icon{ width: 20px; height: 20px; overflow: hidden;float: left; margin: 10px 5px;}
.loginUserMask li span.icon img{ width:a ; height: 100%; overflow: hidden; display: block;}
.loginUserMask li em{ width: 60px; height: 40px; line-height: 40px; overflow: hidden; float: left; font-size: 14px; color: #333; text-align: left;}
.headerUserContent{ background: #ff8a21; display: none; width: 200px; height: auto; overflow: hidden; position: absolute; z-index: 2000; top: 0px; right: 0px;}
#mask .headerUserContent .colse_btn{  left: inherit; right: 0px;}
.headerUserContent dl{ width: 100%; height: auto; overflow: hidden;}
.headerUserContent dt{ width: 100%; height: 40px; line-height: 40px; font-size: 16px; border-bottom: 1px solid #333;}
.headerUserContent dt span{ margin-left: 15px;}
.headerUserContent dd{ width: 100%; height: auto; overflow: hidden; border-bottom: 1px solid #333;}
.headerUserContent dd:last-child{ border-bottom: 0;}
.headerUserContent dd a{ width: 100%; height: 40px; line-height: 40px; font-size: 14px; display: block; color: #333;}
.headerUserContent dd span{ margin-left: 15px;}
.manageMask{ display: none; width: 80%; height: auto; overflow: hidden; position: absolute; z-index: 4000; bottom: 20px; left: 50%; margin-left: -40%;}
.manageMask ul{ width: 100%; height: auto; overflow: hidden; background: #fff; border-radius: 6px; -webkit-border-radius: 6px;}
.manageMask li{ width: 100%; height: auto; overflow: hidden; border-bottom: 1px solid #C6C6C6;}
.manageMask li:last-child{ border-bottom: 0;}
.manageMask li a{ width: 100%; height: 44px; line-height: 44px; text-align: center; display: block; font-size: 14px; color: #FF8A21;}
.manageMask li a.delBtn{ color: #333;}
.manageMask .cancelBtn{ width: 100%; height: 44px; line-height: 44px; background: #fff; text-align: center; display: block; font-size: 14px; color: #999; border-radius: 6px; -webkit-border-radius: 6px; margin-top: 12px;}
.photoItemMask{ display: none; width: 90%; height: auto; overflow: hidden; position: absolute; z-index: 4000; top: 20%; left: 50%; margin-left: -45%; background: #fff;}
.photoItemMask img{ width: 100%; height: auto; display: block;}
.photoItemMaskCont{height: auto; overflow: hidden; text-align: center; padding: 8px; font-size: 13px;}
.photoItemMaskFoot{ width: 100%; height: auto; overflow: hidden;}
.photoItemMaskFoot nav{ width:100%; height: auto; overflow: hidden; display: box; display: -webkit-box; border-top: 1px solid #C6C6C6;}
.photoItemMaskFoot nav a.swiper-button-prev,.photoItemMaskFoot nav a.swiper-button-next{ position: inherit; left: inherit; right: inherit; top: inherit; bottom: inherit; margin: 0px; background: none;}
.photoItemMaskFoot nav a{ width: 100%; height: 44px; line-height: 44px; border-right: 1px solid #C6C6C6; text-align: center; display: block; box-flex:1; -webkit-box-flex:1;}

.homeTabs{ display: none;}
.photoService ._textarea{ outline: none; padding: 5px;float: left; width: 200px;height: 132px;line-height: 22px; font-size: 14px;border: 1px solid #c6c6c6; border-radius: 3px;-webkit-border-radius: 3px;}
.photoService p label{vertical-align: middle; margin: 8px 6px 0px 0px;}
.photoService p input[name=sort]{vertical-align: middle;}
.photoService .labels{ padding: 2px 8px; height: 20px; line-height: 20px; margin: 4px 8px 4px 0px; border: 1px solid #c6c6c6; float: left; border-radius: 12px; -webkit-border-radius: 12px;}
.photoService .labels.on{ border: 1px solid #4dd0e1; background: #4dd0e1; color: #fff;}
.decorationAlbum .decorationAlbumItem{ width: 95%; margin: 0px auto; height: auto; overflow: hidden;}
.decorationAlbum .decorationAlbumItem span.img{ width: 100%; height: auto; overflow: hidden; display: block;}
.decorationAlbum .decorationAlbumItem span.img img{ width: 100%; height: auto; display: block;}
.decorationAlbum .decorationAlbumItem p{ width: 100%; height: 30px; line-height: 30px; overflow: hidden;}
.decorationAlbumItem a.choose_muban{ margin-top: 6px; padding: 0px 8px; font-size: 12px; width: initial; color: #333; height: 20px; line-height: 20px; overflow: hidden; display: block; float: right; border: 1px solid #ffae22; border-radius:12px; -webkit-border-radius: 12px; -ms-border-radius:12px; -moz-border-radius:12px;}
.userSet .user_img{ width: 80px; height: 80px; overflow: hidden; border-radius: 50%; -webkit-border-radius: 50%; display: block; margin: 0px auto;}
.userSet .user_img img{ width: 100%; height: 100%; display: block;}
.userSet a.modifyBtn{ margin: 10px auto 0px; background: #ff8a21; float: none;}
.photoTemplate{ display: none; padding: 20px;}
.photoTemplate ._select{ width: 100%; height: 30px; line-height: 30px; border: 1px solid #C6C6C6; outline: none;}
.photoTemplate a { width: 100px;height: 30px;line-height: 30px; text-align: center;display: block; margin: 20px auto 0px; background: #FFAE22; color: #fff;border-radius: 20px; -webkit-border-radius: 20px;-ms-border-radius: 20px; -moz-border-radius: 20px;}
